/**
 * Set up a box model on the root element
 */
html {
  box-sizing: border-box;
  font-size: 10px;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Apply padding to top and bottom to account for navigation and footer
 */
body {
  background-color: get-color(slate0);
}

/**
 * Basic styles for links
 */
a {
  color: $link-color;
  text-decoration: none;
  font-weight: fw(normal, 6);

  @include on-event() {
    color: $text-color;
    text-decoration: none;
  }
}

/**
 *
**/
label {
  font-weight: fw(normal, 6);
}
